const id = location.search.split("=")[1]
    // console.log(id);
const proData = data
    // console.log(proData);

let i = 0;

proData.some((val, key) => {
    i = key;
    return val.proId === id
})


// console.log(proData[i]);


var obox = document.querySelector(".product")

obox.innerHTML =
    `
    <div class="product_left">
            <div class="top_pic">
                <ul class="top_pic_big">
                    <li class="Nu one">
                        <img src="${proData[i].proImg}" alt="">
                        <div class="mask" id="mask"></div>
                    </li>
                    <!-- 隐藏框 -->
                    <li id="hide2">
                        <img src="${proData[i].proImg}" alt="" id="bigImg">
                    </li>
                </ul>
            </div>
        </div>

<!-- 中间 -->
<div class="product_middle">

    <div class="middle_title">
        <img src="http://publishing.cn.amgbs.com/amtj-new/images/product/newlogo/by_logo.jpg" alt="">
        <span>点击确认官网是否断货</span>
        <a href="javascript:">http://www.nain.co.kr/shop/shopdetail.html?branduid=2276218</a>
        <i class="iconfont">&#xe67c;</i>
    </div>


    <div class="middle_brand">
        <div class="middle_brand_name">
            <p class="brand_name">${proData[i].proName}</p>
        </div>
        <p>Nain-(R-N-BL-3658)시어서커 후드 블라우스</p>
    </div>


    <div class="middle_price">
        <div class="price_left">
            <span>${proData[i].newprice}</span>
        </div>


        <div class="price_middle">
            <span>${proData[i].oldprice}</span>
        </div>

        <div class="price_right">
            <span>国际运费：  ${proData[i].international_price}</span>
        </div>

    </div>

    <!-- 选择 -->
    <div class="attr">


        <p>数量:</p>


        <div class="options">
            <div class="options_num">
                <span class="options_num_left">-</span>
                <input class="num" name="" id="numberbox" type="text" value="1" min="1" max="999" />
                <span class="options_num_right">+</span>
            </div>
        </div>
    </div>


    <div class="lastprice">
        <div class="lastprice_all">总计：
            <!-- <span class="" style="display: none;">$58.12</span> -->
            <span class="" id=''>${proData[i].lastprice}</span>
        </div>
    </div>


    <div class="btns">
        <a href="./cart.html" class="btn_one">查看购物车</a>
        <a href="javascript:" class="btn_two">加入购物车</a>
    </div>


</div>

<!-- 右边 -->
<div class="product_right">
    <img src="http://ta.img.cn.amgbs.com/maybe-baby/2021/05/07/31905/a.gif" alt="">
    <img src="http://ta.img.cn.amgbs.com/maybe-baby/2021/05/07/31930/a.gif" alt="">
    <img src="http://ta.img.cn.amgbs.com/maybe-baby/2021/05/07/31932/a.gif" alt="">
    <img src="http://ta.img.cn.amgbs.com/maybe-baby/2021/05/07/31933/a.gif" alt="">
</div>



`